<template>
	<view id="home">
		<view class="person">
			
		</view>
		
		<view class="status">
			<u-icon @click="toOrder(0)" label-pos="bottom" label="待付款" name="bag" size="60"></u-icon>
			<u-icon @click="toOrder(1)" label-pos="bottom" label="待发货" name="order" size="60"></u-icon>
			<u-icon @click="toOrder(2)" label-pos="bottom" label="待收货" name="car" size="60"></u-icon>
			<u-icon @click="toOrder(3)" label-pos="bottom" label="待评价" name="photo" size="60"></u-icon>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			toOrder(index) {
				uni.navigateTo({
					url: "/pages/index/order/index?id="+index,
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	#home{
		background-color: #f8f8f8;
		padding: 30rpx;
		
		.person{
			height:300rpx;
			width: 100%;
			margin-bottom: 20rpx;
			background-color: #fff;
		}
		.status{
			background-color: #fff;
			border-radius: 10rpx;
			padding:20rpx;
			display: flex;justify-content: space-between;
		}
	}
</style>
